<template>
  <div class="vy-cmp-work-item vy-cmp-work-tiankong">
    <a-row>
      <a-col :span="6">
        <span class="vy-title">{{ title }}</span>
      </a-col>
      <a-col :span="16">&nbsp;</a-col>
      <a-col :span="2" style="text-align:right;">
        <a-button type="link" style="padding:0;" @click="click_del_exam"
          >删除</a-button
        >
      </a-col>
    </a-row>
    <a-row>
      <!-- <a-col :span="3" class="vy-label">标题</a-col> -->
      <a-col :span="24">
        <a-input
          placeholder="请输入问题内容，最多输入1000字"
          v-model="source.title"
        ></a-input>
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
  name: "vy-cmp-work-tiankong",
  props: ["title", "index", "source"],
  data() {
    return {};
  },
  methods: {
    // 删除当前考试
    click_del_exam() {
      this.$emit("del_exam", this.index);
    },
  },
};
</script>
<style lang="scss">
.vy-cmp-work-tiankong {
  padding: 10px;
  .vy-title {
    background: rgba(238, 244, 255, 1);
    padding: 10px;
    border-radius: 4px;
    font-weight: 400;
    color: rgba(127, 159, 255, 1);
  }
  .vy-label {
    // text-align: right;
    // padding-right: 20px;
    text-align: left;
    padding-right: 10px;
  }
  .ant-row {
    padding: 5px 10px;
    .ant-btn-link {
      color: #444040;
    }
  }
}
</style>
